<template>
  <div class="sub_btn">
    <button @click="headelClick">{{ name }}</button>
  </div>
</template>

<script>
export default {
  props: ["name"],
  methods: {
    headelClick() {
      console.log("按钮被点击了");
      this.$emit("clicked");
    },
  },
};
</script>

<style lang="less" scoped>
.sub_btn {
  text-align: center;
  margin-top: 16.667vw;
  button {
    width: 80vw;
    height: 13.333vw;
    background-color: #cc3300;
    color: white;
    font-size: 5vw;
    border: none;
    border-radius: 6.667vw;
  }
}
</style>
